//要操作到的元素
let login = document.getElementById('login');
let register = document.getElementById('register');
let form_box = document.getElementsByClassName('form-box')[0];
let register_box = document.getElementsByClassName('register-box')[0];
let login_box=document.getElementsByClassName( 'login-box ')[0];
//去注册按H点击事付
register.addEventListener('click',()=>{
    form_box.style.transform = 'translateX(80%)';
    login_box.classList.add('hidden');
    register_box.classList.remove('hidden');
})
login.addEventListener('click',()=>{
    form_box.style.transform = 'translateX(0%)';
    register_box.classList.add('hidden');
    login_box.classList.remove('hidden');
})


//注册
function reg(){

    // 验证用户名
    let username = $("#username").val();
    if (username == null || username == ""){
        $("#no").removeClass("none");
        $("#yes").addClass("none");
        return false;
    }else{
        if (username.trim().length >= 6 && username.trim.length <= 20){
            $("#yes").removeClass("none");
            $("#no").addClass("none");
        }else{
            $("#no").removeClass("none");
            $("#yes").addClass("none");
            return false;
        }
    }
    //验证密码
    let pwd = $("#pwd1").val();
    if (pwd == null || pwd === ""){
        $("#no1").removeClass("none");
        $("#yes1").addClass("none");
        return false;
    }else{
        if (pwd.trim().length >= 6 && pwd.trim.length <= 20){
            $("#yes1").removeClass("none");
            $("#no1").addClass("none");
        }else {
            $("#no1").removeClass("none");
            $("#yes1").addClass("none");
            return false;
        }
    }
    //确认密码
    let pwd1 = $("#pwd1").val();
    let pwd2 = $("#pwd2").val();
    if (pwd2 != null || pwd2 != ""){

        if (pwd1 == pwd2){
            $("#yes2").removeClass("none");
            $("#no2").addClass("none");
        }else{
            $("#yes2").addClass("none");
            $("#no2").removeClass("none");
            return false;
        }
    }
    let sex = $('.sex-radio').val();
    //验证年龄
    let age = $("#age").val();
    if (age != ""){
        if (age < 0 || age > 120){
            $("#yes3").addClass("none");
            $("#no3").removeClass("none");
            return false;
        }else{
            $("#yes3").removeClass("none");
            $("#no3").addClass("none");
        }
    }else{
        $("#yes3").addClass("none");
        $("#no3").removeClass("none");
        return false;
    }

    //验证电话
    let phone = $("#phone").val();
    if (phone == "") {
        $("#yes4").addClass("none");
        $("#no4").removeClass("none");
        return false;
    }else{
        if ( phone.length == 11){
            $("#yes4").removeClass("none");
            $("#no4").addClass("none");
        }else {
            $("#yes4").addClass("none");
            $("#no4").removeClass("none");
            return false;
        }
    }
    //验证地址
    let address = $("#address").val();
    if (address == ""){
        $("#yes5").addClass("none");
        $("#no5").removeClass("none");
        return false;
    }else{
        $("#yes5").removeClass("none");
        $("#no5").addClass("none");
    }

    $.post(config.url + '/reg', {
        username :username,
        password:pwd,
        age:age,
        sex:sex,
        phone:phone,
        address:address
    },function (list){
        alert(list.msg);
        if (list.code == 0)location.href = "login.html";
    },'json');
}
function un(){
    let username = $("#username").val();
    if (username == null || username == ""){
        $("#no").removeClass("none");
        $("#yes").addClass("none");
        return false;
    }else{
        if (username.trim().length >= 6 && username.trim.length <= 20){
            $("#yes").removeClass("none");
            $("#no").addClass("none");
        }else{
            $("#no").removeClass("none");
            $("#yes").addClass("none");
            return false;
        }
    }
}
function pwd1(){
    let pwd = $("#pwd1").val();
    if (pwd == null || pwd === ""){
        $("#no1").removeClass("none");
        $("#yes1").addClass("none");
        return false;
    }else{
        if (pwd.trim().length >= 6 && pwd.trim.length <= 20){
            $("#yes1").removeClass("none");
            $("#no1").addClass("none");
        }else {
            $("#no1").removeClass("none");
            $("#yes1").addClass("none");
            return false;
        }
    }
}
function pwd2(){
    let pwd1 = $("#pwd1").val();
    let pwd2 = $("#pwd2").val();
    if (pwd2 != null || pwd2 != ""){

        if (pwd1 == pwd2){
            $("#yes2").removeClass("none");
            $("#no2").addClass("none");
        }else{
            $("#yes2").addClass("none");
            $("#no2").removeClass("none");
        }
    }
}
function ageBlur(){
    let age = $("#age").val();
    if (age != ""){
        if (age < 0 || age > 120){
            $("#yes3").addClass("none");
            $("#no3").removeClass("none");
            return false;
        }else{
            $("#yes3").removeClass("none");
            $("#no3").addClass("none");
        }
    }else{
        $("#yes3").addClass("none");
        $("#no3").removeClass("none");
    }
}
function phoneBlur(){
    let phone = $("#phone").val();
    if (phone == "") {
        $("#yes4").addClass("none");
        $("#no4").removeClass("none");
        return false;
    }else{
        if ( phone.length == 11){
            $("#yes4").removeClass("none");
            $("#no4").addClass("none");
        }else {
            $("#yes4").addClass("none");
            $("#no4").removeClass("none");
            return false;
        }
    }
}
function addressBlur(){
    let address = $("#address").val();
    if (address == ""){
        $("#yes5").addClass("none");
        $("#no5").removeClass("none");
    }else{
        $("#yes5").removeClass("none");
        $("#no5").addClass("none");
    }
}

//登录
function userLogin(){
    // 验证用户名
    let username = $("#lusername").val();
    if (username == null || username == ""){
        $("#lno").removeClass("none");
        $("#lyes").addClass("none");
        return false;
    }else{
        if (username.trim().length >= 4 && username.trim.length <= 20){
            $("#lyes").removeClass("none");
            $("#lno").addClass("none");
        }else{
            $("#lno").removeClass("none");
            $("#lyes").addClass("none");
            return false;
        }
    }

    //验证密码
    let pwd = $("#lpwd").val();
    if (pwd == null || pwd === ""){
        $("#lno1").removeClass("none");
        $("#lyes1").addClass("none");
        return false;
    }else{
        if (pwd.trim().length >= 6 && pwd.trim.length <= 20){
            $("#lyes1").removeClass("none");
            $("#lno1").addClass("none");
        }else {
            $("#lno1").removeClass("none");
            $("#lyes1").addClass("none");
            return false;
        }
    }
    // 获取输入的值
    var inputCode = $("#code").val();
    // 判断验证码是否输入正确
    if (inputCode.length<=0){
        $("#lno2").removeClass("none");
        $("#lyes2").addClass("none");
        return ;
    }else if(inputCode.toUpperCase() != code.toUpperCase()){
        $("#lno2").removeClass("none");
        $("#lyes2").addClass("none");
        // 更新验证码
        createCode();
        // 清空输入框
        $("#code").val("");
        return ;
    }else{
        $("#lyes2").removeClass("none");
        $("#lno2").addClass("none");
    }
    //发送请求
    $.ajax({
        url:config.url + "/login",
        dataType:'json',
        xhrFields: {
            withCredentials: true
        },
        data:{
            username:username,
            password:pwd
        },
        crossDomain: true,
        type:'POST' ,
        success:function(resp) {
            if(resp.code == -1){
                alert(resp.msg);
            }else{
                alert(resp.msg);
                localStorage.setItem("token", resp.data);
                window.location = "index.html";
            }
        },
        error:function() {
            window.location = "500.html";
        }
    });
}
function lunBlur(){
    // 验证用户名
    let username = $("#lusername").val();
    if (username == null || username == ""){
        $("#lno").removeClass("none");
        $("#lyes").addClass("none");
        return false;
    }else{
        if (username.trim().length >= 4 && username.trim.length <= 20){
            $("#lyes").removeClass("none");
            $("#lno").addClass("none");
        }else{
            $("#lno").removeClass("none");
            $("#lyes").addClass("none");
            return false;
        }
    }
}
function pwdBlur(){
    //验证密码
    let pwd = $("#lpwd").val();
    if (pwd == null || pwd === ""){
        $("#lno1").removeClass("none");
        $("#lyes1").addClass("none");
        return false;
    }else{
        if (pwd.trim().length >= 6 && pwd.trim.length <= 20){
            $("#lyes1").removeClass("none");
            $("#lno1").addClass("none");
        }else {
            $("#lno1").removeClass("none");
            $("#lyes1").addClass("none");
            return false;
        }
    }
}

// 生成验证码的函数
createCode();
var code;
function createCode() {
    code = "";            //验证码的初始值
    var codeLength = 4;   //验证码的长度
    // 验证码的组成成分
    var codeChars = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'a', 'b', 'c', 'd', 'e', 'f',
        'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w',
        'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N',
        'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');
    for(var i=0;i<codeLength;i++){
        // 获取随机数：下标
        var charNum = Math.floor(Math.random()*62);
        // 验证码
        code += codeChars[charNum];
    }
    document.getElementsByClassName("code1")[0].innerText = code;
}